body,
html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  font-size: 16px;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  font-family: "Pingfang SC","Helvetica Neue","Microsoft Yahei",Helvetica,Arial,"Hiragino Sans GB","Microsoft Sans Serif","WenQuanYi Micro Hei"
}
body {
  position: relative;
  width: 100%;
  height: 100%;
  background: #f4f7fa;

  #app {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
}
.content{
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #f5f6f6;
  
}


.el-menu {
  width: 100%;
  border-right: none!important;
}
.el-menu-item [class^='el-icon-'] {
  vertical-align: middle;
  color: #ddd;
}
.el-submenu [class^='el-icon-'] {
  color: #ddd;
}
.el-submenu__title i {
  vertical-align: middle;
  color: #ddd;
}
#sidebar-wrap ul ul li {
  background: rgba(40, 52, 70, 1) !important;
  &:hover {
    background: #48576a !important;
  }
}

.el-menu .el-submenu__title i {
  color: #fff;
}

.bg form .el-input__inner {
  background: transparent;
  color:#fff;
  border: none;
  border-bottom: 1px solid #aaa;
  border-radius: 0;
}

 .row-content {
    .el-collapse{
      border:  none;
    }
    .el-collapse-item__header {
      padding-left: 20px;
    }
    .el-collapse-item__content{
      padding-bottom: 7px;
    }
    .el-collapse-item__wrap{
      border-bottom: none;
    }
 }
